<template>
    <div class="flex-main">
        <div class="flex-body tc">
            <img :src="detail.headImg || require('@/assets/images/my.png')" alt="" class="m-doctor-img">
            <div class="m-doctoritem">
                <div class="m-name">{{detail.Name}}</div>
                <p>{{detail.Remark}}</p>
                <div align="left" class="p1" v-html="detail.EmployeeDetail">
                    
                </div>
            </div>
        </div>
        
    </div>
</template>
<script>
import {doctorDetail} from '@/api/views';
export default {
    name:'',
    data () {
        return {
            detail:'',
        }
    },
    mounted() {
        let that = this;
        this.$indicator.open('加载中...');
        let employee_id = that.$route.query.id;
        doctorDetail({employee_id:employee_id}).then((result) => {
            let detail = result.detail;
            that.detail = detail;
            let headImg = detail.headImg;
            if(headImg.substring(0, 4)=='http'){}else{
                detail.headImg = headImg;
            }
            that.detail = detail;
            this.$indicator.close();
        }).catch((err) => {
            
        });
    }
}
</script>
<style lang="less" scoped>
@import '../../less/doctor/doctor.less';
.m-doctor-img{
    margin-bottom: -3rem;
    width: 5rem;
    height: 5rem;
    .border-radius(100%);
}
.m-doctoritem{
    background: white;
    text-align: center;
    margin: 0 1rem;
    padding-top: 3rem;
    .m-name{
        margin-bottom: .8rem;
    }
    p{
        display: inline-block;
    }
}
</style>
